<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			nav>span:hover {
				color: #778899;
			}
			
			input:focus {
				box-shadow: 2px 2px #BBFFBB;
			}
			
			#item:target {
				background-color: #BB1111;
			}

		</style>
	</head>
	<body>
		<a href="#item">点击去往p标签</a>
		<nav>
			<span>二次元区</span>
			<span>鬼畜区</span>
			<span>新闻联播</span>	
		</nav>
		<span>:hover，鼠标移动到上面之后所呈现的样式</span>
		聚焦后改变样式：<input type="text"/>
		
		
		<p id="item">看看我被查看没有。:target 被描点描上之后呈现的样式</p>
	</body>
</html>
